<script setup lang="ts">
import { useUserApi } from "~/composables/apis/useUserApi";

const store = useCounterStore();
// `doubleCount` 是响应式的 ref
// 同时通过插件添加的属性也会被提取为 ref
// 并且会跳过所有的 action 或非响应式 (不是 ref 或 reactive) 的属性
const { doubleCount } = storeToRefs(store);
// 作为 action 的 increment 可以直接解构
const { increment } = store;

const userApi = useUserApi();

onMounted(async () => {
  setTimeout(async () => {}, 2000);
  const res = await userApi.getUserInfo();
  console.log("data-------->>>>>", res);
});
</script>

<template>
  <h1>会员 {{ doubleCount }}</h1>
  <button @click="increment">+</button>
</template>

<style scoped lang="scss"></style>
